<template>
  <PageWrapper>
    <div id="notice">
      <a-card>
        <div id="profile">
          <h2>合作须知</h2>
          <div class="detail">
            <!-- <h3 class="pname">软件名称：<a-input type="text" maxlength="8" v-model:value="softwareName" /></h3> -->
            <div ref="edit" class="textarea" contenteditable="true"></div>
          </div>
          <div class="company">汕头市澄海区绿云科技有限公司</div>
        </div>
      </a-card>
    </div>
  </PageWrapper>
</template>
<script lang="ts" setup>
  import { PageWrapper } from '/@/components/Page'

  import { ref } from 'vue'
  // const softwareName=ref("")
  const edit = ref(null)

  function getHtml() {
    console.log(edit.value)
  }
</script>
<style scoped lang="less">
  #profile {
    width: 800px;
    margin: auto;
    background-color: #fff;
    border: 1px solid #010101;
    padding: 53px 59px 70px;
    line-height: 27px;
    font-size: 18px;
    color: #000000;
    position: relative;
    h2 {
      color: #4588c0;
      text-align: center;
      font-size: 28px;
    }

    .detail {
      background: url(../../../assets/images/bg3.png) repeat;
      line-height: 47px;

      .textarea {
        border: 0;
        outline: none;
        resize: none;
        width: 100%;
        min-height: 768px;
        background: none;
        line-height: 48px;
        font-size: 18px;
      }
    }
    .company {
      position: absolute;
      bottom: 20px;
      left: -2px;
      width: 100%;
      text-align: center;
    }
  }
</style>
